<html>
<head>
    <meta charset="utf-8">
    <base target="_blank">
    <title>会话_聊天机器人</title>
    <link rel="icon" href="./img/melaleuca.png">
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="./css/chat.css" rel="stylesheet">
    <link href="./layer/mobile/need/layer.css">
</head>
<body lang="zh">
<img style="width:100%;height:100%" src="./img/yuanshen2.jpg">
<div class="abs cover contaniner">
    <div class="abs cover pnl">
        <div class="top pnl-head"></div>
        <div class="abs cover pnl-body" id="pnlBody">
            <div class="abs cover pnl-left">
                <div class="abs cover pnl-msgs scroll" id="show">
<!--                    <div class="msg min time" id="histStart">加载历史消息</div>-->
                    <div class="pnl-list" id="hists">
                        <!-- 历史消息 -->
                    </div>
                    <div class="pnl-list" id="msgs">
                        <div class="msg other">
                        </div>
                        <div class="msg me">
                        </div>
                    </div>
                    <div class="pnl-list hide" id="unreadLine">
                        <div class="msg min time unread">未读消息</div>
                    </div>
                </div>
                <div class="abs bottom pnl-text">
                    <div class="abs top pnl-warn" id="pnlWarn">
                        <div class="fl btns rel pnl-warn-free">
                            <img src="./img/melaleuca.png" class="kh warn-btn" title="表情" id="emojiBtn1"/>
                            <img src="./img/melaleuca.png" class="kh warn-btn" title="截屏" id="emojiBtn2"/>
                            <img src="./img/melaleuca.png" class="kh warn-btn" title="图片" id="emojiBtn3"/>
                            <img src="./img/melaleuca.png" class="kh warn-btn" title="保存" id="emojiBtn4"/>
                        </div>
                    </div>
                    <div class="abs cover pnl-input">
                        <textarea class="scroll" id="message" wrap="hard" placeholder="在此输入文字信息..."></textarea>
                        <div class="abs atcom-pnl scroll hide" id="atcomPnl">
                            <ul class="atcom" id="atcom"></ul>
                        </div>
                    </div>
                    <div class="abs br pnl-btn" id="submit"
                         style="background-color: rgb(32, 196, 202); color: rgb(255, 255, 255);" onclick="SendMsg()">发送
                    </div>
                    <div class="pnl-support" id="copyright"><a href="#"></a></div>
                </div>
            </div>
<!--            <div class="abs right pnl-right">-->
<!--                <div class="slider-container hide"></div>-->
<!--                <div class="pnl-right-content">-->
<!--                    <div class="pnl-tabs">-->
<!--                        <div class="tab-btn active" id="hot-tab">常见问题</div>-->
<!--                        <div class="tab-btn" id="rel-tab">相关问题</div>-->
<!--                    </div>-->
<!--                    <div class="pnl-hot">-->
<!--                        <ul class="rel-list unselect" id="hots">-->
<!--                            &lt;!&ndash; <li class="rel-item">这是一个问题，这是一个问题？</li> &ndash;&gt;-->
<!--                        </ul>-->
<!--                    </div>-->
<!--                    <div class="pnl-rel" style="display: none;">-->
<!--                        <ul class="rel-list unselect" id="rels">-->
<!--                            &lt;!&ndash; <li class="rel-item">这是一个问题，这是一个问题？</li> &ndash;&gt;-->
<!--                        </ul>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
        </div>
    </div>
</div>
</body>
<script src="./js/jquery-3.6.0.min.js"></script>
<script src="./js/http.js"></script>
<script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script>
<script src="./layer/layer.js"></script>
<script src="./js/chat.js"></script>
</html>